﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>CSS文字样式</title>
    <style type="text/css">
            table {
                width: 1210px;
                text-align: center;
            }

                table a {
                    color: green;
                    text-decoration: none;
                }

                    table a:hover {
                        color: red;
                        text-decoration: underline;
                    }

            a:hover {
                color: #7c7c00;
                text-decoration: underline;
            }

            .title {
                text-align: center;
                color: blue
            }

            p.stop {
                color: red;
            }

            p.warning {
                color: yellow;
            }

            p.normal {
                color: green
            }

            footer {
                background: #644108;
                color: #A9A9A9;
                padding-bottom: 10px;
                overflow: hidden;
                width: 1210px;
            }
                /*设置页脚背景颜色、字体颜色、宽度等属性*/
                footer a {
                    color: #FFF;
                    text-decoration: none;
                }
                    /*设置超链接为白色
        无下划线*/
                    footer a:hover {
                        color: #d2d0ce;
                        text-decoration: underline;
                    }
                /*设置当鼠标悬浮时显示为灰色、带下划线*/
                footer .nav {
                    top: 45px;
                    right: 20px;
                    position: absolute;
                    line-height: 150%;
                    text-align: left;
                }
                /*该部分使用了据对定位并设置了行高和对齐方式*/
                footer .footer {
                    text-align: center;
                    overflow: hidden;
                    zoom: 1;
                    width: auto;
                    height: 68px;
                    color: #FFFFFF;
                    position: relative;
                }

                footer .login {
                    background-color: #598428;
                    color: #FFF;
                    padding: 3px 14px;
                    maigin-left: 10px;
                }
                /*设置会员登录按钮的背景色、字体颜色等属性*/
                footer .register {
                    background-color: #F36523;
                    color: #FFF;
                    padding: 3px 14px;
                }
            /*设置会员注册按钮的背景色、字体颜色等属性*/
    </style>
</head>
<body>
    <footer>
        <div class="footer box">
            <div class="nav">
                <a href="#" target="_blank">网站导航</a> /
                <a target="_blank" href="#">公司介绍</a> /
                <a target="_blank" href="#">动态关注</a> /
                <a target="_blank" href="#">友好关注</a> /
                <a target="_blank" href="#">通知我们</a> /
                <a target="_blank" href="#">网站介绍</a> /
                <a target="_blank" class="login" href="">用户登录</a> /
                <a target="_blank" class="register" href="">欢迎会员注册</a>
                <div style="text-align:left; padding-top:5px;"></div>
            </div>
        </div>
    </footer>
    <p class="stop">这是stop的样式</p>
    <p class="warning">这是warning的样式</p>
    <p class="normal">这是normal的样式</p>
    <p class="title">蓝色的段落</p>
    <h1 class="title">蓝色的标题</h1>

    <h2 style="text-align: center;"><a href="http://www.nou.com.cn">东软教育在线</a></h2>

    <table style="background-color:#eaeaea;border-color:#eaeaea;">
        <tr>
            <td>
                <marquee><a href="http://www.nou.com.cn">东软教育在线</a></marquee>
            </td>
        </tr>
    </table>
</body>
</html>
